<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>命名规范</title>
</head>
<body>
    <p>1、文件、资源命名</p>
    <p>文件命名字母开头，统一小写，单词-号分割</p>

    <p>2、注释规范</p>
    <p>增加必要注释</p>
    <p>注释怎么写？可以是你的代码为什么这么写，这么写的原因，比如业务逻辑，为了解决什么bug，或者是方案，可以放参考或解决方案的链接地址</p>

    <p>3文件引用加载</p>
    <p>样式放在顶部，加快页面样式展示</p>
    <p>js放在底部，避免脚本阻塞页面内容呈现</p>

    <p>去掉js css的type属性，新老浏览器都兼容，比如下方：</p>
    <p><link rel="stylesheet" href="..."></p>
    <p><script src="..."></script></p>

    <p>html引号</p>
    <p>都用双引号，不要单双混用</p>

    <p>变量声明</p>
    <p>防止全局污染</p>
    <p>不推荐</p>
    <p>x = 10</p>
    <p>推荐</p>
    <p>var x = 10;</p>    

    <p>变量一次性声明完</p>

</body>
</html>